/* eslint-disable */

import React from 'react';
import { getIconColor } from './helper';

const DEFAULT_STYLE = {
  display: 'block',
};

const IconIconShoppingOn1 = ({ size, color, style: _style, ...rest }) => {
  const style = _style ? { ...DEFAULT_STYLE, ..._style } : DEFAULT_STYLE;

  return (
    <svg viewBox="0 0 1024 1024" width={size + 'rem'} height={size + 'rem'} style={style} {...rest}>
      <path
        d="M512 482.5088a46.08 46.08 0 0 0-46.4896 46.4896v165.0688a46.4896 46.4896 0 0 0 92.7744 0v-165.0688A46.08 46.08 0 0 0 512 482.5088z m209.3056 6.5536a47.9232 47.9232 0 0 0-51.8144 41.984l-17.408 163.84a47.3088 47.3088 0 0 0 94.0032 9.8304l17.2032-163.84a46.4896 46.4896 0 0 0-41.3696-51.8144zM307.2 488.6528h-5.12a47.104 47.104 0 0 0-41.984 51.8144l17.2032 163.84a47.104 47.104 0 1 0 93.7984-9.8304l-17.2032-163.84a46.4896 46.4896 0 0 0-51.8144-41.984zM967.8848 245.76L923.648 850.5344a134.9632 134.9632 0 0 1-134.9632 127.1808h-552.96a138.24 138.24 0 0 1-137.0112-127.1808L55.0912 245.76z"
        fill={getIconColor(color, 0, '#333333')}
      />
      <path
        d="M303.104 332.5952a40.96 40.96 0 0 1-28.0576-10.8544 43.008 43.008 0 0 1-4.3008-61.44l144.5888-164.0448A128.4096 128.4096 0 0 1 512 52.0192a125.7472 125.7472 0 0 1 97.0752 43.2128l146.8416 165.0688a42.8032 42.8032 0 0 1-63.6928 57.1392l-148.8896-163.84a40.96 40.96 0 0 0-32.3584-13.9264 42.5984 42.5984 0 0 0-31.3344 13.9264l-143.36 163.84a43.2128 43.2128 0 0 1-33.1776 15.1552z"
        fill={getIconColor(color, 1, '#333333')}
      />
      <path
        d="M986.112 323.9936H38.912a38.912 38.912 0 0 1 0-77.824h946.176a38.912 38.912 0 0 1 38.912 38.912 37.2736 37.2736 0 0 1-37.888 38.912z"
        fill={getIconColor(color, 2, '#333333')}
      />
    </svg>
  );
};

IconIconShoppingOn1.defaultProps = {
  size: 18,
};

export default IconIconShoppingOn1;
